Progress Indicators

hr.icon

アプリケーションがコンテンツをロードしたり、長時間のデータ処理を実行したりする間、人々を静止した画面の前に座らせないようにしましょう。

アクティビティインジケータやプログレスバーを使用して、アプリが停止していないことを知らせ、どれくらい待たされるかを把握してもらいます。

Activity Indicators

アクティビティインジケータは、複雑なデータの読み込みや同期など、数値化できないタスクが実行されている間、回転します。

タスクが完了すると消えてしまいます。アクティビティインジケータは非対話型です。

https://gyazo.com/1ef95a938d362a63603a0058b6265b81

アクティビティインジケータよりもプログレスバーを推奨します。

アクティビティが数値化できる場合は、アクティビティインジケータではなくプログレスバーを使用すると、何が起きているのか、どれくらい時間がかかるのかをより正確に把握することができます。

アクティビティインジケータは常に動かす。

アクティビティインジケータが止まっていると、プロセスが停滞していると思われます。

何かが起こっていることがわかるように、常に回転させてください。

役に立つのであれば、タスクが完了するのを待つ間に有益な情報を提供しましょう。

アクティビティインジケータの上にラベルを貼り、コンテキストを追加します。

読み込みや認証などの曖昧な用語は、通常は何の付加価値もないので避けましょう。

Progress Bars

プログレスバーには、左から右へと流れていくトラックが含まれており、既知の期間を持つタスクの進行状況を示します。

プログレスバーはインタラクティブではありませんが、対応する操作をキャンセルするためのボタンが付いていることがよくあります。

https://gyazo.com/9a723c3b9ceb847548d9b3124e4ada8d

進捗状況は常に正確に伝えましょう。

アプリを忙しく見せるために、不正確な進捗情報を表示しないようにしましょう。

プログレスバーは、数値化できるタスクにのみ使用してください。

それ以外の場合は、アクティビティインジケータを使用してください。

期間が明確なタスクにはプログレスバーを使用します。

プログレスバーは、タスクの状態を表示するのに適しています。

特に、タスクが完了するまでの時間を伝えるのに役立ちます。

ナビゲーションバーやツールバーでは、トラックの未記入部分を隠す。

デフォルトでは、プログレスバーのトラックには、塗りつぶした部分と塗りつぶしていない部分があります。

ナビゲーションバーやツールバーで使用する場合、ページの読み込みを示す場合などは、トラックの未記入部分を隠すようにプログレスバーを設定する必要があります。

アプリに合わせてプログレスバーの外観をカスタマイズすることをお勧めします。

プログレスバーの外観は、アプリのデザインに合わせて調整できます。

たとえば、トラックと塗りつぶしの両方にカスタムの色調や画像を指定できます。

Network Activity Indicators*

ネットワークアクティビティインジケータは、iOS 13 および edge-to-edge ディスプレイを搭載したデバイスでは非推奨となっています。

iOS 12 以前およびエッジツーエッジディスプレイを搭載していないデバイスでは、ネットワーク接続が行われると、画面上部のステータスバーにネットワークアクティビティインジケータが回転します。

ネットワーク接続が完了すると、このインジケータは消えます。

このインジケータは、アクティビティインジケータと同じように見え、非インタラクティブです。

https://gyazo.com/2ff60e6c10d41ccb1816188b9713bc2c

短時間のネットワーク操作では、このインジケータを表示しないでください。

誰もがインジケータの存在に気づいたり、何を伝えようとしているのか理解する前に消えてしまう可能性があるからです。